$(function () {
  //外层ul渲染
  $.ajax({
    url: 'http://localhost:3000/api/getcategorytitle',
    success(res) {
      //   console.log(res);
      $('.out-ul').html(template('tmp', res));
      $('.out-ul > li .inner-ul').slideUp(0);
    }
  });
  //初始状态隐藏
  $('.out-ul').on('click', '.inner-ul li', function () {
    // console.log($(this).data('id'));
  });
  $('.out-ul').on('click', 'li', function () {
    //显示隐藏
    let _this = $(this);
    // $(this)
    //   .children('ul')
    //   .stop()
    //   .slideToggle();
    //点击发请求拿数据渲染
    let index = $(this).index();
    let id = $(this).data('id');
    $.ajax({
      url: 'http://localhost:3000/api/getcategory',
      data: { titleid: id },
      success(res) {
        // console.log(res);
        $($('.inner-ul')[index]).html(template('innerTmp', res));
        // console.log(this);
        _this.children('ul')
          .stop()
          .slideToggle();
      }
    });
  });
});
